<!-- profile.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
  <script src="{{ url_for('static', filename='js/profile.js') }}"></script>
</head>
<body>
  <div class="container">
    <header class="header">
      <button class="back-btn" onclick="window.history.back()">←</button>
      <h2>我的</h2>
    </header>

    <!-- 用户信息 -->
    <div class="user-profile">
      <img src="{{ url_for('static', filename='img/tx.jpg') }}" alt="用户头像" class="profile-avatar">
      <div class="profile-info">
        <h3>糕辰鲤雪缪</h3>
        <p>会员等级: 黄金会员</p>
      </div>
    </div>

    <!-- 功能区域 - 添加了五个新功能 -->
    <!-- profile.html (修改部分) -->
<div class="profile-grid">
  <div class="profile-item" onclick="openBill()">
    <img src="{{ url_for('static', filename='img/zd.png') }}" alt="账单">
    <p>账单</p>
  </div>
  <div class="profile-item" onclick="openBankCard()">
    <img src="{{ url_for('static', filename='img/yhk.png') }}" alt="银行卡">
    <p>银行卡</p>
  </div>
  <div class="profile-item" onclick="openCredit()">
    <img src="{{ url_for('static', filename='img/zmxy.png') }}" alt="芝麻信用">
    <p>芝麻信用</p>
  </div>
  <div class="profile-item" onclick="openHuabei()">
    <img src="{{ url_for('static', filename='img/hb.png') }}" alt="花呗">
    <p>花呗</p>
  </div>
  <div class="profile-item" onclick="openCharity()">
    <img src="{{ url_for('static', filename='img/gy.png') }}" alt="公益">
    <p>公益</p>
  </div>
  <button class="grid-item" onclick="openDigitalRmb()">
    <img src="{{ url_for('static', filename='img/szrmb.png') }}" alt="数字人民币">
    <p>数字人民币</p>
  </button>
  <button class="grid-item" onclick="openVip()">
    <img src="{{ url_for('static', filename='img/hy.png') }}" alt="会员">
    <p>会员</p>
  </button>
  <button class="grid-item" onclick="openInsurance()">
    <img src="{{ url_for('static', filename='img/bx.png') }}" alt="保险">
    <p>保险</p>
  </button>
  <button class="grid-item" onclick="openTransfersHistory()">
    <img src="{{ url_for('static', filename='img/zz.png') }}" alt="转账记录">
    <p>转账记录</p>
  </button>
</div>

    <!-- 账单明细 -->
    <div class="section">
      <h3>最近账单</h3>
      <div class="bill-list">
        <div class="bill-item">
          <div class="bill-icon">🍔</div>
          <div class="bill-info">
            <h4>快餐消费</h4>
            <p>2025-06-12 12:30</p>
          </div>
          <div class="bill-amount">-38.00元</div>
        </div>
        <div class="bill-item">
          <div class="bill-icon">🛒</div>
          <div class="bill-info">
            <h4>超市购物</h4>
            <p>2025-06-11 18:45</p>
          </div>
          <div class="bill-amount">-128.50元</div>
        </div>
      </div>
    </div>
  </div>

  <!-- 底部导航 -->
  <nav class="bottom-nav">
    <a href="/" class="nav-item">
      <img src="{{ url_for('static', filename='img/sy.png') }}" alt="首页">
      <span>首页</span>
    </a>
    <a href="/pay" class="nav-item">
      <img src="{{ url_for('static', filename='img/sfk.png') }}" alt="收付款">
      <span>收付款</span>
    </a>
    <a href="/discover" class="nav-item">
      <img src="{{ url_for('static', filename='img/fx.png') }}" alt="发现">
      <span>发现</span>
    </a>
    <a href="/profile" class="nav-item active">
      <img src="{{ url_for('static', filename='img/wd.png') }}" alt="我的">
      <span>我的</span>
    </a>
    <a href="/more" class="nav-item">
      <img src="{{ url_for('static', filename='img/gd.png') }}" alt="更多">
      <span>更多</span>
    </a>
  </nav>
</body>
</html>